<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>查看视频信息</title>
<link href="${path}/res/css/video-js.min.css" rel="stylesheet">
<%@ include file="/WEB-INF/sys/include/css.jsp"%>
<style>
.m {
	width: 960px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#title{
	margin-buttom:5px;
	text-align:center;
	font-size:23px;
}
#remark{
	font-size:15px;
}
</style>
	</head>
	<body>
    <div class="m">
      <div class="group" id="title">
		<div class="label">${video.title}</div>
	  </div>
	  <div style="width:900px;margin:0 auto;">
      <video id="my-video" class="video-js" controls preload="auto" width="900px" height="400px" data-setup="{}">
			<source src="${filepath}/park_video/${video.videoLink}" type="video/mp4"></source>
        	<p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p>
      </video>
      </div>
      <div>
      <div class="group" id="remark">
		<div class="label">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp视频介绍：${video.remark }</div>
	  </div>
      </div>
      <script src="${path}/res/js/video.min.js"></script> 
      <script src="${path}/res/js/zh-CN.js"></script>
      <%@ include file="/WEB-INF/sys/include/script.jsp" %>
      <script type="text/javascript">
			var myPlayer = videojs('my-video',{controlBar: {
			    fullscreenToggle: false
			  }
			});
			videojs("my-video").ready(function(){
				var myPlayer = this;
				myPlayer.play();
			});
			  
		</script> 
    </div>
</body>

</html>